<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./buttonstyle.css"/>
</head>
<body>
<!--第一排-->
<p>
    <button class="white mini alive">
        按钮
    </button>
    <button class="white small alive">
        按钮
    </button>
    <button class="white default alive">
        按钮
    </button>
    <button class="white large alive">
        按钮
    </button>
</p>
<hr/>
<!--第二排-->
<p>
    <button class="black mini alive">
        按钮
    </button>
    <button class="black small alive">
        按钮
    </button>
    <button class="black default alive">
        按钮
    </button>
    <button class="black large alive">
        按钮
    </button>
</p>
<hr/>
<!--第三排-->
<p>
    <button class="red mini alive">
        按钮
    </button>
    <button class="red small alive">
        按钮
    </button>
    <button class="red default alive">
        按钮
    </button>
    <button class="red large alive">
        按钮
    </button>
</p>
<hr/>
<!--第四排-->
<p>
    <button class="blue mini alive">
        按钮
    </button>
    <button class="blue small alive">
        按钮
    </button>
    <button class="blue default alive">
        按钮
    </button>
    <button class="blue large alive">
        按钮
    </button>
</p>



<div>
    <form action="" class="bs-example bs-example-form" role="form">
        <div class="input-group">
            <div><input type="text" class="lg focus" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="lg focus" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="lg focus" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="lg focus" placeholder="请输入"/></div>
        </div>
        <hr/>
        <div class="input-group">
            <div><input type="text" class="de" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="de" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="de" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="de" placeholder="请输入"/></div>

        </div>
        <hr/>
        <div class="input-group">
            <div><input type="text" class="sm" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="sm" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="sm" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="sm" placeholder="请输入"/></div>
        </div>
        <hr/>
        <div class="input-group">
            <div><input type="text" class="mini" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="mini" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="mini" placeholder="请输入"/></div>
            <br/>
            <div><input type="text" class="mini" placeholder="请输入"/></div>
        </div>
    </form>
</div>



<









</body>
</html>